.h5-head { width: 100%; display: none; position: sticky; left: 0; top: 0; right: 0; z-index: 10000; }

.h5-head .h5-head-title { background-color: #fff; padding: 12px 20px 12px; border-bottom: 1px solid #eee; }

.h5-head .h5-head-title img { vertical-align: middle; }

.h5-head .h5-head-title  .h5-big-logo{ width: 2rem;padding: 10px;}

.h5-head .h5-head-title .h5-head-lang { width: 18px; padding-top: 17px; }

.h5-head .h5-head-title .h5-head-lang, .h5-head .h5-head-title .h5-head-icon { float: right; }

.h5-head .h5-head-title .h5-head-icon { width: 24px; border-left: 1px solid #D8D8D8; padding-left: 20px; margin-left: 20px; margin-top: 12px; }

.h5-head .h5-head-title .h5-head-icon.on .h5-head-item { display: none; }

.h5-head .h5-head-title .h5-head-icon.on .h5-head-close { display: block; }

.h5-head .h5-head-title .h5-head-icon .h5-head-close { display: none; }

.h5-head .h5-head-content-wrap { position: absolute; left: 0; right: 0; display: none; background: linear-gradient(197deg, #F9E4E6 0%, #FFFFFF 66%); }

.h5-head .h5-head-content { position: relative; overflow-y: auto; overflow-x: hidden; background: url("../../assets/image/nav_bg.png") no-repeat; background-size: 105%; background-position-x: -10px; background-position-y: -3px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); }

.h5-head .h5-head-content li { font-size: 16px; transition: .5s ease-in-out; margin-left: 20px; border-bottom: 1px solid #D8D8D8; list-style: none; position: relative; padding: 12px 20px 12px 0; overflow: hidden; }

.h5-head .h5-head-content li .h5-head-content-head { display: flex; align-items: center; color: #3D3D3D; font-weight: bold; }

.h5-head .h5-head-content li:last-child { border: none; }

.h5-head .h5-head-content li .h5-head-content-icon { display: inline-block; width: 30px; margin-right: 13px; }

.h5-head .h5-head-content li .h5-head-content-arrow { display: inline-block; width: 20px; position: absolute; right: 20px; }

.h5-head .h5-head-content li.active .h5-head-content-arrow { transform: rotate(180deg); }

.h5-head .h5-head-content li.active .h5-head-content-detail { height: auto; }

.h5-head .h5-head-content li .h5-head-content-detail { height: 0; transition: .5s ease-in-out; overflow: hidden; }

.h5-head .h5-head-content li .h5-head-content-detail .h5-head-detail-line { padding-bottom: 20px; }

.h5-head .h5-head-content li .h5-head-content-detail .h5-head-detail-line:first-child { padding-top: 20px; }

.h5-head .h5-head-content li .h5-head-content-detail .h5-head-detail-line:last-child { padding-bottom: 10px; }

.h5-head .h5-head-content li .h5-head-content-detail .h5-head-detail-line .h5-head-detail-line-title { border-right: 1px solid #D8D8D8; padding-right: .15rem; margin-left: .15rem; color: #666; font-size: .3rem; }

.h5-head .h5-head-content li .h5-head-content-detail .h5-head-detail-line .h5-head-detail-line-title:last-child { border: none; }

@media (max-width: 750px) { 
  .h5-head { display: block; } 
  .h5-head .h5-head-title { padding: 5px 20px;}
}